<template>
    <div class="student-profill">
        <el-avatar :size="200"
                   :src="currentRow.headimgurl ? currentRow.headimgurl : defAvatarUrl"
                   shape="square">
        </el-avatar>
        <el-descriptions direction="vertical" title="学员资料"
                         border>
            <el-descriptions-item label="sId">{{ currentRow.sId }}</el-descriptions-item>
            <el-descriptions-item label="姓名">
                <el-tag type="success" effect="dark">{{ currentRow.name }}</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="年龄">{{ currentRow.age }}</el-descriptions-item>
            <el-descriptions-item label="班级">{{ currentRow.class }}</el-descriptions-item>
            <el-descriptions-item label="学历">
                <el-tag size="small">{{ currentRow.degree }}</el-tag>
            </el-descriptions-item>
            <el-descriptions-item label="项目地址">{{ currentRow.productUrl }}</el-descriptions-item>
            <el-descriptions-item label="描述">{{ currentRow.description }}</el-descriptions-item>
            <el-descriptions-item label="城市">{{ currentRow.city }}</el-descriptions-item>
            <el-descriptions-item label="创建时间">{{ currentRow.cTime }}</el-descriptions-item>
        </el-descriptions>
        <el-button type="primary" @click="back">点击返回列表</el-button>
    </div>
</template>
<style lang="less" scoped>
.student-profill {
    // text-align:left;
}
</style>
<script>

export default {
    methods: {
        back() {
            this.$router.push({ name: "product" })
        }
    },
    data() {
        return {
            currentRow:{},
            defAvatarUrl: "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
        }
    },
    name: 'profile',
    meta: {
        name: "学员资料",
        icon: "icon-ziliao"
    }
}
</script>
<!-- <script>
export default {
    name: 'profile',
    meta:{
        name:"学员资料",
        icon:"icon-ziliao"
    }
}
</script> -->